<template>
	<u-dropdown ref='dropdown'  @open="open" @close="open">
		<slot></slot>
	</u-dropdown>
</template>

<script>
	export default {
		name: "my-dropdown",
		methods: {
			open(index) {
				// 展开某个下来菜单时，先关闭原来的其他菜单的高亮
				// 同时内部会自动给当前展开项进行高亮
				this.$refs.dropdown.highlight();
			},
			close(index) {
				// 关闭的时候，给当前项加上高亮
				// 当然，您也可以通过监听dropdown-item的@change事件进行处理
				this.$refs.dropdown.highlight(index);
			},
		},
	}
</script>

<style>

</style>
